//引用
import axios from "axios";
import { config } from "vue/types/umd";

//定义
const server = axios.create({
    baseURL: process.evn.VUE_APP_BASE_API,
    timeout: 1000,
    headers: { 'X-Custom-Header': 'foobar' }
});

//请求拦截器
server.interceptors.request.use(config => {
    //设置请求头部分，这里举例使用了localStorage存储的token作为身份标识
    config.headers['Authorization'] = localStorage.getItem("token");
    return config;
}, error => {
    config.log(error);
    return Promise.reject(error);
});

// 添加响应拦截器
server.interceptors.response.use(function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    const data = response.data;
    if (data && data.code !== 200) {
        alert(`Error code ${data.code}: ${data.message}`);//自定哦错误提示
        return Promise.reject(new Error(data.message));
    }
    return data;
}, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    console.log(error);
    let { res } = err;
    let message = '系统异常！请联系管理员';
    if (res) {
        switch (res.status) {
            case 401:
                //根据状态去进行提示
                message = '未授权访问';
                break;
            case 403:
                message = '拒绝访问';
                break;
            case 404:
                message = '请求地址出错';
                break;
            case 500:
                message = '服务器错误';
                break;
            default:
                message = '连接服务器失败';
            }
        }else{
            if(!window.navigator.onLine){
                alert('网络连接失败');
                return;
            }
        }
        return Promise.reject(error);
    });
    export default server;